<!-- 核心概览 -- 作用域 -->
<!doctype html>
<html ng-app="myApp">
    <head>
        <script src="http://apps.bdimg.com/libs/angular.js/1.4.0-beta.4/angular.min.js"></script>
        
        <style type="text/css">
            .show-scope .doc-example-live.ng-scope,
            .show-scope .doc-example-live .ng-scope  {
                border: 1px solid red;
                margin: 3px;
            }
        </style>
    </head>
    <body>
        <div ng-controller="GreetCtrl">
            Hello {{name}}!
        </div>
        <div ng-controller="ListCtrl">
            <ol>
                <li ng-repeat="name in names">{{name}}</li>
            </ol>
        </div>
        
        <script>
            var app = angular.module("myApp", []);
            app.controller('GreetCtrl', function($scope) {
                $scope.name = 'World';
            });
            app.controller('ListCtrl', function($scope) {
                 $scope.names = ['Igor', 'Misko', 'Vojta'];
            });
        </script>
    </body>
</html>


